{include file="public/layout" /}
{include file="gzh/header" /}
<link href="__SKIN__/css/gzh/bootstrap.min.css?v={$version}" rel="stylesheet" type="text/css" />
<link href="__SKIN__/css/gzh/wx-audiocopy.css?v={$version}" rel="stylesheet" type="text/css" />
<link href="__SKIN__/css/gzh/selfmenu.css?v={$version}" rel="stylesheet" type="text/css" />
<link href="__SKIN__/css/gzh/bottom.css?v={$version}" rel="stylesheet" type="text/css" />
<link href="__SKIN__/css/gzh/scroll.css?v={$version}" rel="stylesheet" type="text/css" />
<link href="__SKIN__/css/gzh/wx-custom.css?v={$version}" rel="stylesheet" type="text/css" />
<body class="bodystyle" style="overflow-y: scroll; cursor: default; -moz-user-select: inherit;">
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
{include file="canal/left" /}
<div class="page min-hg-c-10" style="min-width:auto;margin-left:100px;">
	<div class="fixed-bar">
		<div class="item-title">
			<a class="back_xin" href="{:url('Gzh/index')}" title="返回"><i class="iconfont e-fanhui"></i></a>
			<a class="back_sz mt10" href="javascript:void(0);"
			   onclick="click_to_eyou_1575506523('https://www.eyoucms.com/plus/view.php?aid=10970&origin_eycms=1', '微信公众号配置指南');"><i
					class="ui_tips"></i>使用教程</a>
			<div class="subject">
				<h3>菜单管理</h3>
				<h5></h5>
			</div>
		</div>
	</div>
	<div class="jzy_desktop_panel" style="padding: 70px;padding-top: 50px;">
		<!-- 自定义菜单 -->
		<div class="custom-menu-edit-con">
			<div class="hbox">
				<div class="inner-left">
					<div class="custom-menu-view-con">
						<div class="custom-menu-view">
							<div class="view_title">公众号名称</div>
							<div class="view_body">
								<div class="weixin-msg-list">
									<ul class="msg-con"></ul>
								</div>
							</div>
							<div id="menuMain" class="view_footer">
								<div class="view_footer_left"></div>

								<div class="view_footer_right" style="display: flex;flex-wrap: wrap;">
									<div class="view_menu ">
										<div class="text-ellipsis">新建菜单</div>
										<!--<div class="text-ellipsis"><i class="glyphicon glyphicon-plus text-info iBtn"></i></div>-->

										<ul class="view_menu-sub">
											<li id="sub_0_0"><div class="text-ellipsis">新建子菜单</div></li>
											<li id="sub_0_1"><div class="text-ellipsis">新建子菜单</div></li>
											<li id="sub_0_2"><div class="text-ellipsis">新建子菜单</div></li>
											<li id="sub_0_3"><div class="text-ellipsis">新建子菜单</div></li>
											<li id="sub_0_4"><div class="text-ellipsis">新建子菜单</div></li>
										</ul>
									</div>
									<ul class="view_menu-sub">
										<li><div class="text-ellipsis"><i class="glyphicon glyphicon-plus text-info"></i></div></li>
									</ul>
									<!--<div class="view_menu">-->
										<!--<div class="text-ellipsis">新建菜单</div>-->
									<!--</div>-->
									<div class="view_menu">
										<div class="text-ellipsis">新建菜单</div>

										<ul class="view_menu-sub">
											<li id="sub_1_0"><div class="text-ellipsis">新建子菜单</div></li>
											<li class="view_menu-sub__add subbutton__actived" id="sub_1_1"><div class="text-ellipsis">新建子菜单</div></li>
											<li><div class="text-ellipsis"><i class="glyphicon glyphicon-plus text-info"></i></div></li>
										</ul>
										<!--<div class="text-ellipsis"><i class="glyphicon glyphicon-plus text-info iBtn"></i></div>-->
									</div>
                                    <div class="view_menu">
										<ul class="view_menu-sub">
											<li><div class="text-ellipsis"><i class="glyphicon glyphicon-plus text-info"></i></div></li>
										</ul>
                                        <div class="text-ellipsis"><i class="glyphicon glyphicon-plus text-info iBtn"></i></div>
                                    </div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="inner-right">
					<div class="cm-edit-after">
						<div class="cm-edit-right-header">
							<span id="cm-tit"></span>
							<a id="delMenu" class="pull-right" href="javascript:void(0);">删除菜单</a></div>
						<form class="form-horizontal wrapper-md" name="custom_form">
							<div class="form-group">
								<label class="col-sm-2 control-label">菜单名称:</label>
								<div class="col-sm-5">
									<input name="custom_input_title" type="text" class="form-control" maxlength="5">
								</div>
								<div class="col-sm-5 help-block">
									<div>字数不超过5个汉字或16个字符</div>
									<div class="font_sml" style="display: block;">若无二级菜单，可输入20个汉字或60个字符</div>
								</div>
							</div>
							<div class="form-group" id="radioGroup">
								<label class="col-sm-2 control-label">菜单内容:</label>
								<div class="col-sm-10 LebelRadio">
									<label class="checkbox-inline"> <input type="radio" name="radioBtn" value="sendmsg" checked> 发送消息</label>
									<label class="checkbox-inline"> <input type="radio" name="radioBtn" value="link"> 跳转网页</label>
									<label class="checkbox-inline"> <input type="radio" name="radioBtn" value="click"> 触发关键字</label>
									<label class="checkbox-inline"> <input type="radio" name="radioBtn" value="scancode_push"> 扫码（推事件）</label>
									<label class="checkbox-inline"> <input type="radio" name="radioBtn" value="scancode_waitmsg"> 扫码（等待信息）</label>
									<label class="checkbox-inline"> <input type="radio" name="radioBtn" value="pic_sysphoto"> 系统拍照发图</label>
									<label class="checkbox-inline"> <input type="radio" name="radioBtn" value="pic_photo_or_album"> 拍照或者相册发图</label>
									<label class="checkbox-inline"> <input type="radio" name="radioBtn" value="pic_weixin"> 微信相册发图</label>
									<label class="checkbox-inline"> <input type="radio" name="radioBtn" value="location_select"> 地理位置</label>
								</div>
							</div>
						</form>
						<div class="cm-edit-content-con" id="editMsg">
							<div class="editTab">
								<div class="editTab-heading">
									<ul id="clickUl" class="msg-panel-tab">
										<li id="imgtextLi" class="msg-tab_item on" onclick="imageText()">
											<span class="msg-icon msg-icon-tuwen"></span>
											图文消息
										</li>
										<li id="imgLi" class="msg-tab_item" onclick="picture()">
											<span class="msg-icon msg-icon-word"></span>
											文本
										</li>
									</ul>
								</div>
								<div class="editTab-body">
									<div class="msg-panel-context">
										<div class="msg-context-item">
											<div class="msg-panel-center msg-panel_select" data-toggle="modal" data-target="#selectModal">
												<span class="message-plus">+</span><br>从素材库中选择</div>
										</div>
										<div class="msg-template"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="cm-edit-content-con" id="editPage">
							<div class="cm-edit-page">
								<div class="row">
									<label class="col-sm-6 control-label" style="text-align: left;">粉丝点击该菜单会跳转到以下链接:
									</label>
								</div>
								<div class="row">
									<label class="col-sm-2 control-label" style="text-align: left;">页面地址:
									</label>
									<div class="col-sm-5">
										<input type="text" name="url" class="form-control"
											   placeholder="认证号才可手动输入地址">
										<span class="help-block">必填,必须是正确的URL格式</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="cm-edit-before">
						<h5>点击左侧菜单进行操作</h5>
					</div>
				</div>
			</div>
		</div>
		<div class="cm-edit-footer">
			<button id="saveBtns" type="button" class="btn btn-info1">保存</button>
			<button id="synchroBtns" type="button" class="btn btn-info1">同步</button>
			<button id="showPhone" type="button" class="btn btn-info1">预览</button>
			<button id="deleteMenu" type="button" class="btn btn-info1" onclick="deleteMenu()">清空菜单</button>
		</div>
		<div id="selectModal" class="modal fade" tabindex="-1" role="dialog">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
								aria-label="Close"><span>×</span></button>
						<h4 class="modal-title modal-title1">
							选择
						</h4>
					</div>
					<div class="modal-body">
						<div id='imgTextAdd' class="row">

						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-info ensure">确定</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					</div>
				</div>
			</div>
		</div>

		<div id="abnormalModal" class="modal fade" tabindex="-1" role="dialog">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
								aria-label="Close"><span>×</span></button>
						<h4 class="modal-title">
							温馨提示
						</h4>
					</div>
					<div class="modal-body">
						<h5>数据异常</h5>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					</div>
				</div>
			</div>
		</div>

	</div>
</div>
<script type="text/javascript" src="__SKIN__/js/gzh/menu.js"></script>
{include file="public/footer" /}
